<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿豆瓣首页</title>
	<link rel="stylesheet" href="./css.css" />
</head>
<body>
	<div id="hd-header">
		<a href="" class="header-logo"></a>
		<form action="">
			<input type="text" class="header-search" value="电影、音乐、书籍"/>
			<p></p>
		</form>
		<ul>
			<li><a href="" class="header-book"></a></li>
			<li><a href="" class="header-movie"></a></li>
			<li><a href="" class="header-music"></a></li>
			<li><a href="" class="header-group"></a></li>
			<li><a href="" class="header-fm"></a></li>
			<li><a href="" class="header-local"></a></li>
		</ul>
	</div>

	<div id="hd-reg-background">
		<div id="hd-reg">
			<a href="" class="reg-join">加入我们<span>注册</span></a>
			<p>发现更多生活</p>
			<form action="">
				<input type="text" class="reg-username"/>
				<input type="text" class="reg-password"/>
				<a href="" class="reg-login">登录</a>
				<p class="reg-p">
					<input type="checkbox" class="reg-rember"/>
					<span>记住我</span>
				</p>
				<a href="" class="reg-forget">忘记密码</a>
			</form>
			
		</div>
	</div>


	<div id="hd-con">
		<div class="con-left">
			<h2 class="title">热点内容  · · · · · · </h2>
			<ul>
				<li>
					<a href="" class="con-left-pic"><img src="./images/p1728984586.jpg" alt="" /></a>
					<a href="">兔兔好萌</a>
					<span>129张照片</span>
				</li>
				<li>
					<a href="" class="con-left-pic"><img src="images/p442708830.jpg" alt="" /></a>
					<a href="">兔兔好萌</a>
					<span>129张照片</span>
				</li>
				<li>
					<a href="" class="con-left-pic"><img src="images/p742239064.jpg" alt="" /></a>
					<a href="">兔兔好萌</a>
					<span>129张照片</span>
				</li>
				<li>
					<a href="" class="con-left-pic"><img src="images/p1580889401.jpg" alt="" /></a>
					<a href="">兔兔好萌</a>
					<span>129张照片</span>
				</li>
			</ul>
		</div>
		<div class="con-mid">
			<ul>
				<li>
					<a href="">学英语的段子</a>
					<h2>Artful Dodger的日记 </h2>
					<p>如果高考真的不考英语了，对我而言未尝不是一件省心事，至少我再也不用扭捏躲闪邮...</p>
				</li>
				<li>
					<a href="">我的藏书保护之4/4 对于书本书衣的破损页面修补</a>
				</li>
				<li>
					<a href="">我依旧相信努力的意义，奋斗的价值！</a>
				</li>
				<li>
					<a href="">让他停留在他想要的姿态里，是一种真实的尊重</a>
				</li>
				<li>
					<a href="">Margaret Howell:来自英国的简约品牌</a>
				</li>
				<li>
					<a href="">【kris文摘】快节奏生活：三个省时工具让你跟“拖延症”说再见</a>
				</li>
				<li>
					<a href="">贫穷不予温柔之名</a>
				</li>
				<li>
					<a href="">老老实实吃草的牛</a>
				</li>
			</ul>
		</div>
		<div class="con-right right">
			<h2 class="title right-title">
				线上活动  · · · · · ·  <span>( <a href="">更多</a> )</span>
			</h2>
			<ul>
				<li>
					<a href="">程序好好玩，大家要学好</a>
					<p>时间：9月12日 - 12月10日 </p>
					<b>1026人参加</b>
				</li>
				<li>
					<a href="">这本书我再也读不下去啦！</a>
					<p>时间：9月12日 - 12月10日 </p>
					<b>1026人参加</b>
				</li>
				<li>
					<a href="">垃圾好好玩，好好玩垃圾！</a>
					<p>时间：9月12日 - 12月10日 </p>
					<b>1026人参加</b>
				</li>
				<li>
					<a href="">【2013倒计时】我们来念叨念叨那些想去</a>
					<p>时间：9月12日 - 12月10日 </p>
					<b>1026人参加</b>
				</li>
				<li>
					<a href="">和生命中的他（她）重逢</a>
					<p>时间：10月2日 - 12月2日 </p>
					<b>1026人参加</b>
				</li>
			</ul>
			<div class="last-ad">
				<h2>和我一起</h2>
				<a href="" class="last-ad-pic"><img src="./images/992c062504429c4.jpg" alt="" /></a>
				<a href="" class="last-ad-ghost"><img src="./images/file-1381401029.png" alt="" /></a>
				<a href="" class="last-ad-rainbow"><img src="./images/file-1381401007.png" alt="" /></a>
				<a href="" class="last-ad-beghost">你最想成为那种鬼</a>
				<p>时间：10/15-10/31 </p>
				<span>567人参加 </span>
			</div>
		</div>
	</div>
	
	<div class="hd-ad">
		<a href="" target="_blank"><img src="./images/0b64348aad6d21d.jpg" alt="" /></a>
	</div>
	
	<div id="hd-movie-background">
		<div id="hd-movie">
			<div class="left">
				<a href="" class="left-title">电影</a>
				<ul class="left-up">
					<li><a href="">影讯&购票</a></li>
					<li><a href="">电视剧</a></li>
					<li><a href="">排行榜</a></li>
					<li><a href="">分类</a></li>
					<li><a href="">影评</a></li>
					<li><a href="">预告片</a></li>
				</ul>
				<ul class="left-down">
					<li>
						<a href="" class="left-down-pic movie-pic"></a>
						<a href="" class="left-down-des">豆瓣电影</a>
					</li>
				</ul>
			</div>
			<div class="mid">
				<h2 class="title">
				正在热映  · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="hd-movie-list">
					<li>
						<a href=""><img src="images/p2153376390.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">斯大林格勒</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="images/p2156476151.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">精灵旅社</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="images/p2155198242.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">猎仇者</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="images/p2153758345.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">铁血娇娃</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="images/p2155072056.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">我为相亲狂</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="./images/p2151837713.jpg" alt="" /></a>
						<p class="hd-movie-name"><a href="">冲锋战警</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
					<li>
						<a href=""><img src="images/p2156152549.jpg" alt="" /></a>
					  <p class="hd-movie-name"><a href="">金刚狼2</a></p>
						<span class="hd-movie-point">6.1</span>
						<a href="" class="movie-choose">选购订票</a>
					</li>
				</ul>
			</div>
			<div class="right">
				<h2 class="title right-title">
				影片分类  · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="movie-right-ul">
					<li><a href="">恐怖</a></li>
					<li><a href="">搞笑</a></li>
					<li><a href="">励志</a></li>
					<li><a href="">爱情</a></li>
					<li><a href="">纪录片</a></li>
					<li><a href="">文艺</a></li>
					<li><a href="">犯罪</a></li>
					<li><a href="">惊悚</a></li>
					<li><a href="">悬疑</a></li>
					<li><a href="">青春</a></li>
					<li><a href="">剧情</a></li>
					<li><a href="">动作</a></li>
					<li><a href="">爱情</a></li>
					<li><a href="">意大利</a></li>
					<li><a href="">德国</a></li>
					<li><a href="">台湾</a></li>
					<li><a href="">韩国</a></li>
					<li><a href="">中国</a></li>
					<li><a href="">法国</a></li>
					<li><a href="">英国</a></li>
					<li><a href="">香港</a></li>
					<li><a href="">日本</a></li>
					<li><a href="">美国</a></li>
					<li><a href="">战争</a></li>
					<li><a href="">短片</a></li>

				</ul>
				<h2 class="title right-title">
				近期热门  · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="movie-right-down">
					<li>1.<a href="">卑鄙的我2</a></li>
					<li>2.<a href="">宠物</a></li>
					<li>3.<a href="">爱在午夜降临前</a></li>
					<li>4.<a href="">青春派</a></li>
					<li>5.<a href="">玩具总动员之惊魂夜</a></li>
					<li>6.<a href="">入学考试</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="hd-book">
		<div class="left">
				<a href="" class="left-title">读书</a>
				<ul class="left-up">
					<li><a href="">分类浏览</a></li>
					<li class="book-new"><a href="">阅读</a><img src="./images/new_menu.gif" alt="" /></li>
					<li><a href="">作者</a></li>
					<li><a href="">书评</a></li>
					<li><a href="">购书单</a></li>
				</ul>
				<ul class="left-down">
					<li>
						<a href="" class="left-down-pic book-read"></a>
						<a href="" class="left-down-des">豆瓣阅读</a>
					</li>
					<li>
						<a href="" class="left-down-pic book-write"></a>
						<a href="" class="left-down-des">豆瓣笔记</a>
					</li>
					<li>
						<a href="" class="left-down-pic book-buy"></a>
						<a href="" class="left-down-des">豆瓣购书</a>
					</li>
				</ul>
			</div>
			<div class="mid">
				<h2 class="title">
				新书速递  · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul>
					<li>
						<a href=""><img src="images/475730.jpg" alt="" /></a>
					  <p><a href="">高城堡里的人</a></p>
						<span>〔美〕菲利普·...</span>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href=""><img src="images/1962909.png" alt="" /></a>
					  <p><a href="">有限与无限的游...</a></p>
						<span>〔美〕菲利普·...</span>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href=""><img src="images/1962364.png" alt="" /></a>
					  <p><a href="">大繁荣</a></p>
						<span>〔美〕菲利普·...</span>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href=""><img src="images/1690362.jpg" alt="" /></a>
					  <p><a href=""> 没有梦想，何必...</a></p>
						<span>〔美〕菲利普·...</span>
						<a href="" class="book-free-read">免费试读</a>
					</li>
				</ul>
				<h2 class="title book-num">
				原创数字作品 · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="book-num-ul">
					<li>
						<a href="" class="book-num-pic"><img src="images/1899221.jpg" alt="" /></a>
					  <p><a href="">美国童话</a></p>
						<span>〔英〕珀西·比希·雪莱</span>
						<b>12.00元</b>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href="" class="book-num-pic"><img src="images/1829611.jpg" alt="" /></a>
					  <p><a href="">五日谈</a></p>
						<span>〔英〕珀西·比希·雪莱</span>
						<b>12.00元</b>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href="" class="book-num-pic"><img src="images/1829269.jpg" alt="" /></a>
					  <p><a href=""> 佛，到底讲了些...</a></p>
						<span>〔英〕珀西·比希·雪莱</span>
						<b>12.00元</b>
						<a href="" class="book-free-read">免费试读</a>
					</li>
					<li>
						<a href="" class="book-num-pic"><img src="./images/80526.jpg" alt="" /></a>
						<p><a href="">美好百科 On...</a></p>
						<span>〔英〕珀西·比希·雪莱</span>
						<b>12.00元</b>
						<a href="" class="book-free-read">免费试读</a>
					</li>
				</ul>
			</div>
			<div class="right">
				<h2 class="title right-title">
				热门标签 · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul>
					<li>
						<span>[文学]</span>
						<a href="">小说</a>
						<a href="">随笔</a>
						<a href="">散文</a>
						<a href="">日本文学</a>
						<a href="">童话</a>
						<a href="">诗歌</a>
						<a href="">名著</a>
						<a href="">港台</a>
						<a href="">更多</a>
					</li>
					<li>
						<span>[流行]</span>
						<a href="">漫画</a>
						<a href="">绘本</a>
						<a href="">推理</a>
						<a href="">青春</a>
						<a href="">言情</a>
						<a href="">科幻</a>
						<a href="">武侠小说</a>
						<a href="">奇幻</a>
						<a href="">更多</a>
					</li>
					<li>
						<span>[文化]</span>
						<a href="">历史</a>
						<a href="">哲学</a>
						<a href="">传记</a>
						<a href="">设计</a>
						<a href="">建筑</a>
						<a href="">电影</a>
						<a href="">回忆录</a>
						<a href="">音乐</a>
						<a href="">更多</a>
					</li>
				</ul>
			</div>
	</div>

	<div class="hd-ad">
		<a href=""><img src="./images/017ae3b58072a9b.jpg" alt="" /></a>
	</div>

	<div id="hd-music-background">
		<div id="hd-music">
			<div class="left">
				<a href="" class="left-title music-title-a">音乐</a>
				<ul class="left-up">
					<li><a href="">音乐人</a></li>
					<li><a href="">排行榜</a></li>
					<li><a href="">分类浏览</a></li>
					<li><a href="">豆瓣FM</a></li>
				</ul>
				<ul class="left-down">
					<li>
						<a href="" class="left-down-pic music-fm"></a>
						<a href="" class="left-down-des">豆瓣FM</a>
					</li>
					<li>
						<a href="" class="left-down-pic music-people"></a>
						<a href="" class="left-down-des">豆瓣音乐人</a>
					</li>
				</ul>
			</div>
			<div class="mid">
				<h2 class="title music-title">
				豆瓣新碟榜 · · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul>
					<li>
						<a href=""><img src="images/s27081296.jpg" alt="" /></a>
					  <p>1.<a href="">殃金咒</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s27057077.jpg" alt="" /></a>
					  <p>1.<a href=""> 我的小清新</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s27092740.jpg" alt="" /></a>
					  <p>1.<a href="">Graceland</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="./images/s27066103.jpg" alt="" /></a>
						<p>1.<a href="">谈钞票伤感情 谈感情</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s27085316.jpg" alt="" /></a>
					  <p>1.<a href="">PRISM</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s26965442.jpg" alt="" /></a>
					  <p>1.<a href="">Moon Landing</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s27048190.jpg" alt="" /></a>
					  <p>1.<a href="">五月の蠅 / ラストバージン</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
					<li>
						<a href=""><img src="images/s27063338.jpg" alt="" /></a>
					  <p>1.<a href=""> LOVE【DVD付初回生産限定盤】</a></p>
						<p><a href="">顶楼的马戏团</a></p>
						<b>8.6</b>
					</li>
				</ul>
			</div>
			<div class="right">
				<h2 class="title right-title">
				本周流行音乐人.... <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="music-right-ul">
					<li>
						<em>1.</em>
						<a href=""><img src="./images/8fc736add65e135.jpg" alt="" /></a>
						<a href="" class="music-right-name">Jazzilipper~性感的拖鞋</a>
						<p>流派: 说唱 Rap </p>
						<b>93574人关注 </b>
					</li>
					<li>
						<em>1.</em>
						<a href=""><img src="./images/50fc2407e067c71.jpg" alt="" /></a>
						<a href="" class="music-right-name">顶楼的马戏团</a>
						<p>流派: 说唱 Rap </p>
						<b>374人关注 </b>
					</li>
					<li>
						<em>1.</em>
						<a href=""><img src="./images/46151e682929d3e.jpg" alt="" /></a>
						<a href="" class="music-right-name">baby formula</a>
						<p>流派: 说唱 Rap </p>
						<b>2574人关注 </b>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="hd-group">
		<div class="left">
			<a href="" class="left-title music-title-a">小组</a>
			<ul class="left-up">
				<li><a href="">发现小组</a></li>
				<li><a href="">发现话题</a></li>
			</ul>
			<ul class="left-down">
				<li>
					<a href="" class="left-down-pic group-lit"></a>
					<a href="" class="left-down-des">豆瓣小组</a>
				</li>
			</ul>
		</div>
		<div class="mid">
			<h2 class="title">
				热门小组· · · · ·   <span>( <a href="">更多</a> )</span>
			</h2>
			<ul class="group-mid-ul">
				<li>
					<a href="" class="group-pic"><img src="images/g289842-3.jpg" alt="" /></a>
					<a href="" class="group-title">◎变态学英语交流小组◎</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g187430-36.jpg" alt="" /></a>
					<a href="" class="group-title">“女权”是权利的权！然后呢？</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g24620-3.jpg" alt="" /></a>
					<a href="" class="group-title">伊藤润二</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g62930-1.jpg" alt="" /></a>
					<a href="" class="group-title">讨厌男生长指甲</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g273410-4.jpg" alt="" /></a>
					<a href="" class="group-title">谜斗篷计划</a>
					<span>69002 个成员 </span>
				</li>
					<li>
					<a href="" class="group-pic"><img src="images/g49415-18.jpg" alt="" /></a>
					<a href="" class="group-title">詭異的自然</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g298341-1.jpg" alt="" /></a>
					<a href="" class="group-title">◎变态学英语交流小组◎</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g142992-3.jpg" alt="" /></a>
					<a href="" class="group-title">陪妳渡过大姨妈（MC Help）</a>
					<span>69002 个成员 </span>
				</li>
					<li>
					<a href="" class="group-pic"><img src="images/g62993-7.jpg" alt="" /></a>
					<a href="" class="group-title">笑点很奇怪</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g51009-3.jpg" alt="" /></a>
					<a href="" class="group-title">我念高三了</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g16365-5.jpg" alt="" /></a>
					<a href="" class="group-title">不信你没个什么癖！</a>
					<span>69002 个成员 </span>
				</li>
				<li>
					<a href="" class="group-pic"><img src="images/g50177-1.jpg" alt="" /></a>
					<a href="" class="group-title">英剧！英剧！</a>
					<span>69002 个成员 </span>
				</li>
			</ul>
		</div>
		<div class="right">
			<h2 class="title right-title">
				小组分类 · · · ·
			</h2>
			<ul class="group-right-ul">
				<li>
					<a href="" class="right-ul-first">兴趣</a>
					<p>
						<a href="">旅行</a>
						<a href="">摄影</a>
						<a href="">影视</a>
						<a href="">音乐</a>
						<a href="">文学</a>
						<a href="">游戏</a>
						<a href="">动漫</a>
						<a href="">运动</a>
						<a href="">戏曲</a>
						<a href="">桌游</a>
						<a href="">怪癖</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">生活»</a>
					<p>
						<a href="">健康</a>
						<a href="">美食</a>
						<a href="">宠物</a>
						<a href="">美容</a>
						<a href="">化妆</a>
						<a href="">护肤</a>
						<a href="">服饰</a>
						<a href="">公益</a>
						<a href="">家庭</a>
						<a href="">育儿</a>
						<a href="">汽车</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">购物»</a>
					<p>
						<a href="">淘宝</a>
						<a href="">二手</a>
						<a href="">团购</a>
						<a href="">数码</a>
						<a href="">品牌</a>
						<a href="">文具</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">学术»</a>
					<p>
						<a href="">人文</a>
						<a href="">社科</a>
						<a href="">自然</a>
						<a href="">建筑</a>
						<a href="">国学</a>
						<a href="">语言</a>
						<a href="">宗教</a>
						<a href="">哲学</a>
						<a href="">软件</a>
						<a href="">旅行</a>
						<a href="">硬件</a>
						<a href="">互联网</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	
	<div id="hd-local-background">
		<div id="hd-local">
			<div class="left">
				<a href="" class="left-title local-big-a">同城</a>
				<ul class="left-up">
					<li><a href="">同城活动</a></li>
					<li><a href="">主办方</a></li>
					<li><a href="">舞台剧</a></li>
				</ul>
				<ul class="left-down">
					<li>
						<a href="" class="left-down-pic local-a"></a>
						<a href="" class="left-down-des">豆瓣同城</a>
					</li>
				</ul>
			</div>
			<div class="mid">
				<h2 class="title">
					北京 · 本周热门活动· · · · ·   <span>( <a href="">更多</a> )</span>
				</h2>
				<ul class="local-mid-ul">
					<li>
						<a href="" class="local-mid-pic"><img src="images/d5518b419927b90.jpg" alt="" /></a>
						<div>
							<a href="" class="local-mid-title">“与26所法国高与26所法国高与26所法国高” <span>正在售票</span></a>
							<p>11月2日 周六 - 11月3日 周日朝阳区天辰东路7号 北京国..</p>
							<p>266人关注</p>
						</div>
						
					</li>
					<li>
						<a href="" class="local-mid-pic"><img src="images/983709d555bcbc7.jpg" alt="" /></a>
						<div>
							<a href="" class="local-mid-title">【95折购票】果陀剧场 经典侦探喜剧《步步惊笑》</a>
							<p>11月2日 周六 - 11月3日 周日朝阳区天辰东路7号 北京国..</p>
							<p>266人关注</p>
						</div>
						
					</li>
					<li>
						<a href="" class="local-mid-pic"><img src="images/8670db9649f34cf.jpg" alt="" /></a>
						<div>
							<a href="" class="local-mid-title">“与26所法国高” <span>正在售票</span></a>
							<p>11月2日 周六 - 11月3日 周日朝阳区天辰东路7号 北京国..</p>
							<p>266人关注</p>
						</div>
						
					</li>
					<li>
						<a href="" class="local-mid-pic"><img src="images/2623653071f7212.jpg" alt="" /></a>
						<div>
							<a href="" class="local-mid-title">“与26所法国高” <span>正在售票</span></a>
							<p>11月2日 周六 - 11月3日 周日朝阳区天辰东路7号 北京国..</p>
							<p>266人关注</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="right">
				<h2 class="title right-title">
					活动标签 · · · ·
				</h2>
				<ul class="group-right-ul">
				<li>
					<a href="" class="right-ul-first">音乐»</a>
					<p>
						<a href="">小型现场</a>
						<a href="">音乐会</a>
						<a href="">演唱会</a>
						<a href="">演唱会</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">戏剧»</a>
					<p>
						<a href="">话剧</a>
						<a href="">音乐剧</a>
						<a href="">舞剧</a>
						<a href="">歌剧</a>
						<a href="">戏曲</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">聚会»</a>
					<p>
						<a href="">生活</a>
						<a href="">摄影</a>
						<a href="">外语</a>
						<a href="">桌游</a>
						<a href="">交友</a>
						<a href="">夜店</a>
						<a href="">集市</a>
					</p>
				</li>
				<li>
					<a href="" class="right-ul-first">电影»</a>
					<p>
						<a href="">主题放映</a>
						<a href="">影展</a>
						<a href="">影院活动</a>
					</p>
				</li>
			</ul>
			</div>
		</div>
	</div>

	<div class="hd-ad">
		<a href=""><img src="./images/6eb3f13b3b14980.jpg" alt="" /></a>
	</div>
	
	<div id="hd-foot">
		<div class="foot-left">
			<p> © 2017-2017 douban.com, all rights reserved </p>
			<p>京ICP证XXXXXX号 京ICP备XXXXXXX号 网络视听许可证XXXXXXXXXX号 </p>
			<p>文网文XXXXXXXXXXX号 <img src="./images/biaoshi.gif" alt="" />京公网安备XXXXXXXX  新出网证(京)字XXXX号</p>
		</div>
		<div class="foot-right">
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
			<a href="">关于豆瓣</a>
		</div>
	</div>
</body>
</html>